<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta http-equiv="Expires" CONTENT="0">
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <meta name="renderer" content="webkit" />
    <title>${content.groupName!}_小组_${site.siteName!}</title>
    <meta name="keywords" content="${content.keywords!}" />
    <meta name="description" content="[@text_cut s=content.groupDesc! len=225 append='...'/]"  />
    <link href="/default/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/icon.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/common.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/group.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/link.css" rel="stylesheet" type="text/css" />
    <script src="/default/js/jquery.min.js"></script>
    <script src="/vendors/layer/layer.js" type="text/javascript"></script>
    <script src="/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/default/js/modules/common.js" ></script>
</head>
<noscript unselectable="on" id="noscript">
    <div class="aw-404 aw-404-wrap container">
        <img src="/default/common/no-js.jpg">
        <p>你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!</p>
    </div>
</noscript><body>
[#include "pc/default/common/header.html"/]
<div class="fly-group-nav">
    <div class="circle-nav">
        <ul class="tab-list">
            <li class="tab-item active"><a href="/g-${content.shortUrl!}" target="_self">圈首页</a></li>
            <li class="tab-item"><a href="#" target="_self">帖子</a></li>
            <li class="tab-item"><a href="#" target="_self">数据</a></li>
            [@fly_user method="userLogin"]
            [#if userLogin??]
            [@fly_group method="admin" userId = '${userLogin.id!}' groupId = '${content.id}' isadmin='2']
            [#if admin??]
            <li class="tab-item"><a href="/user/g-${content.shortUrl!}/topic-list" target="_self">管理</a></li>
            [/#if]
            [/@fly_group]
            [/#if]
            [/@fly_user]
        </ul>
    </div>
</div>
<div class="aw-container-wrap">
    <div class="container">
        <div class="row">
            <div class="aw-content-wrap clearfix">
                <div class="col-sm-12 col-md-2">
                    <div class="fly-group-info-box">
                        <a class="circle-avatar" href="/g-${content.shortUrl!}" title="${content.groupName!}官方圈">
                            <img src="[#if content.photo??]${content.photo!}[#else]/images/group_logo.jpg[/#if]">
                        </a>
                        <a class="circle-name" href="/g-${content.shortUrl!}" title="${content.groupName!}官方圈">
                            <h1>${content.groupName!}
                                <div class="flag-icon">
                                    <img src="/default/images/ico_1.png">
                                </div>
                            </h1>
                        </a>

                        <ol class="circle-data">
                            <li>
                                <a href="javascript:void(0)" class="showMemberList">${content.countUser!}</a>
                                <span>成员</span>
                            </li>
                            <li>
                                <a href="javascript:void(0)">${content.countTopic!}</a>
                                <span>文章</span>
                            </li>
                        </ol>
                        [@fly_follow method="group" groupId=content.id]
                        <div class="button-action">
                            <a href="javascript:;" data-group-id="${content.id!}" class="qui-btn btn-primary follow-group">[#if group == 2]等待审核[#elseif group == 1]退出圈子[#elseif group == 0]加入圈子[/#if]</a>
                        </div>
                        [/@fly_follow]
                        <div class="circle-bbs">
                            <h3>圈公告</h3>
                            <p>${content.groupDesc!}</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-7">
                    [#if p == 1]
                    <!--圈首页 热门推荐 start-->
                    <div class="mod mod-quan-recommended">
                        <div class="m-header">
                            <h3 class="title">最新推荐</h3>
                        </div>
                        <div class="m-content picture-news fd-clr">
                            <div class="focus-news">
                                <a href="#" title="报名啦！烟花三月下扬州，活动开始报名啦!" target="_blank">
                                    <img src="//cbu01.alicdn.com/img/ibank/2018/081/358/8737853180.jpg">
                                    <span class="bg"></span>
                                    <span class="title">报名啦！烟花三月下扬州，活动开始报名啦!</span>
                                </a>
                            </div>
                            <div class="headline-news">
                                <a href="#" class="title" title="阿里平台给我带来荣誉自信挚友有阿里真好 ">阿里平台给我带来荣誉自信挚友有阿里真好 </a>
                                <p>本次活动议题如下：  一、阿里328大促的效果分析；  二、1688店铺的数据分析；  三、行业…</p>
                            </div>
                            <div class="texture-news">
                                <ul class="fd-clr">
                                    <li>
                                        <a href="#" title="阿里平台给我带来荣誉自信挚友有阿里真好 ">阿里平台给我带来荣誉自信挚友有阿里真好 </a>
                                        <span class="hot"></span>
                                    </li>
                                    <li>
                                        <a href="#" title="阿里新政公布 如何调整店铺运营思路">阿里新政公布 如何调整店铺运营思路</a>
                                        <span class="new"></span>
                                    </li>
                                    <li>
                                        <a href="#" title="预告：【八场活动】江苏商盟本地化培育">预告：【八场活动】江苏商盟本地化培育</a>
                                    </li>
                                    <li>
                                        <a href="#" title="【视觉营销】从视觉营销的角度浅谈如何发文">【视觉营销】从视觉营销的角度浅谈如何发文</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--圈首页 热门推荐 end-->
                    [/#if]
                    <div class="aw-main-content">
                        <!-- 新消息通知 -->
                        <div class="aw-mod aw-notification-box collapse" id="index_notification">
                            <div class="mod-head common-head">
                                <h2>
                                    <span class="pull-right"><a href="#" class="text-color-999"><i class="icon icon-setting"></i> 通知设置</a></span>
                                    <i class="icon icon-bell"></i>新通知<em class="badge badge-important" name="notification_unread_num">0</em>
                                </h2>
                            </div>
                            <div class="mod-body">
                                <ul id="notification_list"></ul>
                            </div>
                            <div class="mod-footer clearfix">
                                <a href="javascript:;" class="pull-left btn btn-mini btn-gray">我知道了</a>
                                <a href="#" class="pull-right btn btn-mini btn-success">查看所有</a>
                            </div>
                        </div>
                        <!-- end 新消息通知 -->

                        <div class="aw-mod aw-topic-list-mod">
                            <!-- tab切换 -->
                            <div class="mod-head">
                                <div class="tabbable">
                                    <!-- tab 切换 -->
                                    <ul class="nav nav-tabs aw-nav-tabs hidden-xs">
                                        <li class="active"><a href="#all" data-toggle="tab">全部内容</a></li>
                                        <li><a href="#best_answers" data-toggle="tab" class="">精华</a></li>
                                        <li><a href="#recommend" data-toggle="tab" class="active">推荐</a></li>
                                        <div class="aw-search-bar pull-right hidden-xs">
                                            <form action="/search/" id="global_search_form" method="get" name="form">
                                                <i class="icon icon-search" onclick="document.form1.submit();"></i>
                                                <input type="text" id="question-input" class="search-query form-control" placeholder="搜索..." autocomplete="off" name="q">
                                                <div class="aw-dropdown">
                                                    <p class="title">没有找到相关结果</p>
                                                    <ul class="aw-dropdown-list"></ul>
                                                </div>
                                            </form>
                                        </div>
                                    </ul>
                                    <!-- end tab 切换 -->
                                </div>
                            </div>
                            <!-- end tab切换 -->
                            <div class="aw-mod aw-explore-list">
                                <div class="mod-body">
                                    <div class="aw-common-list">
                                        [@fly_topic method="paginate" groupId=content.id columnId='${columnId}' p='${p?string}']
                                        [#list paginate.list as list]
                                        [@fly_user method="user" id = list.userId]
                                        <div class="aw-item article">
                                            <a class="aw-user-name hidden-xs" data-id="26725" href="/u/${user.shortUrl!}" rel="nofollow"><img src="[#if user.avatar??]${user.avatar!}[#else]/images/avatar_boy.jpg[/#if]" alt="${user.nickname!}"></a>
                                            <div class="aw-question-content">
                                                <h4>
                                                    <a href="/topic/${list.id!}/">${list.title!}</a>
                                                </h4>
                                                <!-- 文章内容调用 -->
                                                <div style="cursor: pointer;">
                                                    [@text_cut s=list.content! len=130 append='...'/]<a class="more" href="/topic/${list.id!}/">查看全部</a>
                                                </div>
                                                <!-- end 文章内容调用 -->
                                                <p>
                                                    [#if list.columnId!=0]
                                                    [@fly_topic method="columninfo" id=list.columnId]
                                                    <a href="/g-${content.shortUrl}-t-${columninfo.shortUrl}" class="aw-question-tags">${columninfo.columnName}</a>
                                                    [/@fly_topic]
                                                    [#else]
                                                    <a href="/g-${list.shortUrl}-t-0" class="aw-question-tags">默认分类</a>
                                                    [/#if]
                                                    • <a href="/u/${user.shortUrl!}" class="aw-user-name">${user.nickname!}</a> [@time_format time=list.createTime?string("yyyy-MM-dd HH:mm:ss")!/]<span class="text-color-999">发表 • ${list.countComment!} 个评论 • ${list.countView!} 次浏览 </span>
                                                    <span class="text-color-999 related-topic collapse"> • 来自相关话题</span>
                                                </p>
                                            </div>
                                        </div>
                                        [/@fly_user]
                                        [/#list]
                                        [/@fly_topic]
                                    </div>
                                </div>
                                <div class="mod-footer">
                                    <div class="page-control">
                                        [#include "pc/default/common/list_pageBar.html"/]
                                        [#if columnUrl??]
                                        [#assign columnUrl = "-t-${columnUrl!}"]
                                        [/#if]
                                        [@pageBar currentPage=paginate.pageNum totalRow=paginate.total pageSize=paginate.pageSize actionUrl="/g-${content.shortUrl!}${columnUrl}" urlParas=""/]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 侧边栏 -->
                [@fly_user method="userLogin"]
                <div class="col-sm-12 col-md-3 hidden-xs hidden-sm">
                    [@fly_group method="groupOrUser" groupId = '${content.id}' isadmin='2']
                    [#if (groupOrUser.list?size gt 0)]
                    <div class="aw-mod interest-user">
                        <div class="mod-head"><h3>管理员</h3></div>
                        <div class="mod-body">
                            [#list groupOrUser.list as list]
                            [@fly_user method="user" id = list.userId]
                            <dl>
                                <dt class="pull-left aw-border-radius-5">
                                    <a href="/u/${user.shortUrl}" data-id="51162" class="aw-user-name">
                                        <img alt="${user.nickname!}" src="[#if user.avatar??]${user.avatar!}[#else]/default/common//avatar-mid-img.png[/#if]">
                                    </a>
                                </dt>
                                <dd class="pull-left">
                                    <a href="/u/${user.shortUrl}" data-id="51162" class="aw-user-name">
                                        <span>${user.nickname!}</span>
                                    </a>
                                    <p class="aw-question-tags">[#if list.isadmin = 1 && list.isfounder = 1]创始人[#else]管理员[/#if]</p>
                                    [#if userLogin??]
                                    [#if userLogin.id != user.id]
                                    [@fly_user method="checkFollow" id="${user.id!}" userId="${userLogin.id!}"]
                                    <a class="icon-inverse follow icon icon-plus follow-user[#if checkFollow == true] active[/#if]" data-user-id="${user.id!}"></a>
                                    [/@fly_user]
                                    [/#if]
                                    [#else]
                                    <a href="javascript:;" class="icon-inverse follow icon icon-plus follow-user" data-user-id="${user.id!}"></a>
                                    [/#if]
                                    <p class="signature">${user.signature!}</p>
                                    <p><b>${user.countFans!}</b> 个粉丝, <b>${user.countFollow!}</b> 个关注</p>
                                </dd>
                            </dl>
                            [/@fly_user]
                            [/#list]
                        </div>
                    </div>
                    [/#if]
                    [/@fly_group]
                    <div class="aw-side-bar">
                        <a class="btn btn-primary fly-create-btn" href="/user/group/${content.id}/topic/create">发布帖子</a>
                        <div class="aw-mod aw-text-align-justify">
                            <div class="mod-head">
                                <a href="/people-rank" class="pull-right">更多 &gt;</a>
                                <h3>最新成员</h3>
                            </div>
                            <div class="mod-body">
                                [@fly_group method="groupOrUser" groupId = '${content.id}']
                                [#list groupOrUser.list as list]
                                [@fly_user method="user" id = list.userId]
                                <dl>
                                    <dt class="pull-left aw-border-radius-5">
                                        <a href="/u/${user.shortUrl}"><img src="[#if user.avatar??]${user.avatar!}[#else]/default/common//avatar-mid-img.png[/#if]" alt="${user.nickname}"></a>
                                    </dt>
                                    <dd class="pull-left">
                                        <a href="/u/${user.shortUrl}" class="aw-user-name">${user.nickname!}</a>
                                        [#if userLogin??]
                                        [#if userLogin.id != user.id]
                                        [@fly_user method="checkFollow" id="${user.id!}" userId="${userLogin.id!}"]
                                        <a class="icon-inverse follow icon icon-plus follow-user[#if checkFollow == true] active[/#if]" data-user-id="${user.id!}"></a>
                                        [/@fly_user]
                                        [/#if]
                                        [#else]
                                        <a href="javascript:;" class="icon-inverse follow icon icon-plus follow-user" data-user-id="${user.id!}"></a>
                                        [/#if]
                                        <p class="signature">${user.signature!}</p>
                                        <p><b>${user.countFans!}</b> 个粉丝, <b>${user.countFollow!}</b> 个关注</p>
                                    </dd>
                                </dl>
                                [/@fly_user]
                                [/#list]
                                [/@fly_group]
                            </div>
                        </div>
                        <!--侧边栏插件-->
                        <div class="aw-mod aw-text-align-justify">
                            <div class="mod-head">
                                <a href="/t/label-index" class="pull-right">更多 &gt;</a>
                                <h3>热门标签</h3>
                            </div>
                            <div class="mod-body">
                                [@fly_label method="paginate" sort="id" order="desc" pageSize="10"]
                                [#list paginate.list as list]
                                <dl>
                                    <dt class="pull-left aw-border-radius-5">
                                        <a href="/t/${list.shortUrl!}/"><img alt="" src="[#if list.labelPic??]${list.labelPic!}[#else]/default/common/topic-mid-img.png[/#if]"></a>
                                    </dt>
                                    <dd class="pull-left">
                                        <p class="clearfix">
                                            <span class="topic-tag">
                                                <a href="/t/${list.shortUrl!}/" class="text" data-id="5">${list.title!}</a>&nbsp;
                                            </span>
                                            [#if userLogin??]
                                            [#if userLogin.id != user.id]
                                            [@fly_label method="checkFollow" id="${list.id!}" userId="${userLogin.id!}"]
                                            <a class="icon-inverse follow icon icon-plus follow-label[#if checkFollow == true] active[/#if]" data-label-id="${list.id!}"></a>
                                            [/@fly_label]
                                            [/#if]
                                            [#else]
                                            <a href="javascript:;" class="icon-inverse follow icon icon-plus follow-label" data-label-id="${list.id!}"></a>
                                            [/#if]
                                        </p>
                                        <p><b>${list.countTopic!}</b> 个话题, <b>${list.countFollow!}</b> 人关注</p>
                                    </dd>
                                </dl>
                                [/#list]
                                [/@fly_label]
                            </div>
                        </div>
                    </div>
                </div>
                [/@fly_user]
                <!-- end 侧边栏 -->
            </div>
        </div>
    </div>
</div>
[#include "pc/default/common/footer.html"/]
<script type="text/javascript" src="/default/js/modules/statistics.js"></script>
</body>
</html>